<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>王天庆</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        a{
            display: block;
            height: 40px;
            padding: 10px;
            background: #00A000;
            margin:20px;
            text-decoration: none;
            line-height: 40px;
            text-align: center;
            float: left;
        }
        a:hover{
            background: #00c3ea;
            color: #ffffcc;
        }
    </style>
</head>
<body>
<a href="动画效果__切换效果.html">作业1</a>
<a href="动画效果__切换效果2.html">作业2</a>
<a href="动画效果__切换效果3.html">作业3</a>
<a href="动画效果__滑动与滚动效果1.html">作业4 </a>
<a href="动画效果__滑动与滚动效果3.html">作业5 </a>
<a href="动画效果_滑动与滚动效果3.html">作业6 </a>
<a href="外边距重叠问题.html">作业7</a>
<a href="外边距重叠问题2.html">作业8</a>
<a href="外边距重叠问题222.html">作业9</a>
<a href="外边距重叠问题3.html">作业10</a>
<a href="外边距重叠问题33.html">作业11</a>
<a href="外边距重叠问题333.html">作业12</a>
<a href="外边距重叠问题11.html">作业13</a>
<a href="外边距重叠问题111.html">作业14</a>
<a href="显示隐藏设置时间">作业15</a>
<a href="显示隐藏设置时间2">作业16</a>
<a href="显示隐藏设置时间3">作业17</a>
<a href="滑动效果与卷动效果切换.html">作业18</a>
<a href="滑动效果与卷动效果切换2.html">作业19</a>
<a href="滑动效果与卷动效果切换3.html">作业20</a>
<a href="自定义动画1.html">作业21</a>
<a href="自定义动画2.html">作业22</a>
<a href="自定义动画3.html">作业23</a>
<a href="自定义动画3.html">作业24</a>
<a href="兼容性问题1.html">作业25</a>
<a href="兼容性问题1.html">作业26</a>
<a href="兼容性问题1.html">作业27</a>
<a href="兼容性问题2.html">作业28</a>
<a href="兼容性问题2.html">作业29</a>
<a href="兼容性问题2.html">作业30</a>
<a href="兼容性问题3.html">作业31</a>
<a href="兼容性问题3.html">作业32</a>
<a href="兼容性问题3.html">作业33</a>
<a href="无缝滚动+选项卡.html">无缝滚动+选项卡效果</a>
</body>
</html>